iT邦幫忙

2021 iThome 鐵人賽

DAY 27
0
Mobile Development

Flutter with GetX, loading*175%歷程 系列 第 27

[Day27] Flutter with GetX connectivity

  • 分享至 

  • xImage
  •  

connectivity偵測網路狀態
判斷當前是Wifi或是一般手機網路

在connectivity 文件裡,有寫到將不會繼續更新, 建議大家轉移到connectivity_plus但基本上用法一樣

在安卓系統上, 不保證是否一定有連上網路
Note that on Android, this does not guarantee connection to Internet.

程式部分 在main.dart裡

void main() async {
  WidgetsFlutterBinding.ensureInitialized();
  await ConnectivityManager().init();
  await UserDefault().init();
  // await PushNotificationManager.init();
  runApp(MyApp());
}

接著建立ConnectivityManager封裝一次
並在onConnectivityChanged裡面寫handler,
這邊也用到了GetX snackbar 作通知.

class ConnectivityManager {
  final Connectivity _connectivity = Connectivity();
  init() async {
    //App launch check once
    final reslut = await _connectivity.checkConnectivity();
    resultHandler(reslut);

    _connectivity.onConnectivityChanged.listen((result) {
      //At app using, if network changed
      resultHandler(result);
    });
  }

  resultHandler(ConnectivityResult result) {
    if (result == ConnectivityResult.none) {
      Future.delayed(Duration(seconds: 1)).then((value) {
        Get.snackbar(
          "當前狀態無網路",
          "請檢查網路連線",
          duration: Duration(days: 1),
          icon: Icon(Icons.signal_wifi_bad),
        );
      });
    } else {
      if (Get.isSnackbarOpen != null) {
        if (Get.isSnackbarOpen!) Get.back();
      }
    }
  }
}

效果如下
g94K04BQ6Ser9b0sumxRVg

本篇的GitHub source code

下一篇將為大家介紹 Socket.io


上一篇
[Day26] Flutter with GetX Push Notification
下一篇
[Day28] Flutter with GetX Socket.io
系列文
Flutter with GetX, loading*175%歷程 30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言